<!DOCTYPE html>
<html>

<head>
	<title>J&L's Wedding</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
	<script src="js/jquery-1.11.0.min.js"></script>
	<!---- start-smoth-scrolling---->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>

	<!---- start-smoth-scrolling---->

</head>

<body>
	<!----start-header---->
	<div class="header" id="home">
		<div class="container">
			<div class="logo">
				<a href="index.html"><img src="images/lg-2.png" alt=""></a>
			</div>
			<div class="navigation">
				<span class="menu"></span>
				<ul class="navig">
					<li><a class="active" href="index.html">主页</a><span> </span></li>
					<li><a href="about.html">婚期安排</a><span> </span></li>
					<li>
					</li>
					<li>
					</li>
					<li><a href="gallery.html">相册展示</a><span> </span></li>
					<li><a href="contact.html">联系方式</a><span> </span></li>
				</ul>
			</div>
			<!-- script-for-menu -->
			<script>
				$("span.menu").click(function () {
					$(" ul.navig").slideToggle("slow", function () {});
				});
			</script>
			<!-- script-for-menu -->
		</div>
	</div>
	<!----end-header---->
	<!--banner-starts-->
	<div class="bnr" id="home">
		<div id="top" class="callbacks_container">
			<ul class="rslides" id="slider4">
				<li>
					<div class="banner">
						<div class="banner-text">
							<h1>2015年11月28日我们结婚啦</h1>
							<p>爱情是妖艳的花朵，婚姻是甜蜜的秋果，相知只为遇到更好的你！</p>
						</div>
					</div>
				</li>
				<li>
					<div class="banner1">
						<div class="banner-text">
							<h1>2012年X月我们相识了</h1>
							<p>爱情是夏日的狂风暴雨，婚姻是雨后的阳光彩虹！</p>
						</div>
					</div>
				</li>
				<li>
					<div class="banner">
						<div class="banner-text">
							<h1>2015年11月我们收获婚姻的果实</h1>
							<p> 在这个繁花似锦、烟雨蒙蒙、阳光彩虹的盛秋季节，我们结婚啦！</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!--banner-ends-->
	<!--Slider-Starts-Here-->
	<script src="js/responsiveslides.min.js"></script>
	<script>
		// You can also use "$(window).load(function() {"
		$(function () {
			// Slideshow 4
			$("#slider4").responsiveSlides({
				auto: true,
				pager: false,
				nav: true,
				speed: 500,
				namespace: "callbacks",
				before: function () {
					$('.events').append("<li>before event fired.</li>");
				},
				after: function () {
					$('.events').append("<li>after event fired.</li>");
				}
			});

		});
	</script>
	<!--End-slider-script-->
	<!----end-banner---->
	<!----start-welcome---->
	<div class="welcome">
		<div class="container">
			<div class="welcome-top">
				<div class="col-md-3 welcome-left">
					<img src="images/w-1.png" alt="" />
				</div>
				<div class="col-md-3 welcome-left">
					<img src="images/w-2.png" alt="" />
				</div>
				<div class="col-md-3 welcome-left">
					<img src="images/w-3.png" alt="" />
				</div>
				<div class="col-md-3 welcome-left">
					<img src="images/w-4.png" alt="" />
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="welcome-bottom">
				<div class="welcome-bottom-left">
					<h3>新人致辞</h3>
				</div>
				<div class="welcome-bottom-right">
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小芳和飞哥欢迎各位的到来！感谢各位亲朋好友，感谢大家的亲情、友情，感谢大家的鼓励和帮助；是大家的相伴，让我们对未来充满信心。</br>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小芳和飞哥都是在家里办，各位不要拘束，随便吃哈！由于小芳和飞哥家距离较远，各位在交通路线或者各方面有问题可以点击网址的“联系方式”，直接选择上面的联系方式联系我们即可，我们的亲友团会第一时间给予回复哦！</br>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;具体安排/交通方式可到“联系我们”处查看，婚礼当天如有招待不周的地方烦请各位见谅哦。敬祝各位万事如意！</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!----end-welcome---->
	<!----start-custom---->
	<div class="custom">
		<div class="container">
			<div class="custom-top">
				<div class="col-md-4 custom-left">
					<div class="custom-one">
						<h3>01  J&L's Wedding</h3>
						<p>Groom：Mr. Lu</br>Bride：Miss Jin</br>All are cordially welcome to our friends!</p>

					</div>
				</div>
				<div class="col-md-4 custom-left">
					<div class="custom-one">
						<h3>02  Wedding Time</h3>
						<p>November 28, 2015 (Saturday)</br>Lunch time：11 points</br>Dinner time：17 PM</p>

					</div>
				</div>
				<div class="col-md-4 custom-left">
					<div class="custom-one">
						<h3>03  Contact Information</h3>
						<p>Groom's Tel：15990094391</br>Bride's Tel：15990092752</br>Address：Jiaxing Zhejiang</p>

					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!----end-custom---->
	<!----start-bridal---->
	<div class="bridal">
		<div class="container">
			<div class="bridal-top">
				<div class="col-md-6 bridal-top-left">
					<img src="images/b-3.jpg" alt="" />
					<div class="b-1">
						<h3>一晃而过的是岁月</h3>
					</div>
				</div>
				<div class="col-md-6 bridal-top-left">
					<img src="images/b-2.jpg" alt="" />
					<div class="b-1">
						<h3>一闪而过的是青春</h3>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="bridal-bottom">
				<div class="col-md-4 bridal-bottom-left">
					<img src="images/b-4.jpg" alt="" />
					<div class="b-2">
						<h3>FATE</h3>
					</div>
				</div>
				<div class="col-md-4 bridal-bottom-left">
					<img src="images/b-6.jpg" alt="" />
					<div class="b-2">
						<h3>PERSISTENT</h3>
					</div>
				</div>
				<div class="col-md-4 bridal-bottom-left">
					<img src="images/d-7.jpg" alt="" />
					<div class="b-2">
						<h3>LOVE</h3>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!----start-bridal---->
	<!----start-testimonials---->
	<div class="testimonials">
		<div class="container">
			<div class="testimonials-top">
				<h3>Points of attention</h3>
			</div>
			<div class="testimonials-bottom">
				<div class="col-md-4 testimonials-left">
					<!--					<img src="images/test-1.png" alt="" />-->
					<h5>Traffic</h5>
					<p>Considering the traffic and time of the wedding day, friends from Hangzhou / Shanghai may have to get up early in the morning. The specific traffic routes to "婚礼安排" in view.</p>
				</div>
				<div class="col-md-4 testimonials-left">
					<!--					<img src="images/test-3.png" alt="" />-->
					<h5>Personnel</h5>
					<p>In order to ensure the smooth arrival of friends, wedding day will have the specific staff to receive you. If you have any questions you can call the bride and groom in advance.</p>
				</div>
				<div class="col-md-4 testimonials-left">
					<!--					<img src="images/test-2.png" alt="" />-->
					<h5>Safety</h5>
					<p>Wedding, safety first! Welcome the arrival of friends, We wish, We wish you a happy voyage!</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!----end-testimonials---->
	<!----start-footer---->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
			</div>
			<div class="newsletter">
				<ul>
					<li>
						<h6>一闪而过的是青春</h6></li>
					<li>
						<h6>一见如故的是缘分</h6></li>
					<li>
						<h6>一如既往的是执着</h6></li>
				</ul>
			</div>
			<div class="footer-text">
				<p>Design by J&L</a>
				</p>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function () {
				/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/

				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	</div>
	<!----end-footer---->
</body>

</html>